page{
  height: 100%;
}
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
	position: relative;
	background: #F3F7F8;
	.header {
		background: #ffffff;
		padding: 18rpx 30rpx 42rpx 30rpx;
		.login {
			display: flex;
			align-items: center;
			.logo {
				height: 144rpx;
				width: 144rpx;
				border-radius: 50%;
				.avatar-img {
					height: 144rpx;
					width: 144rpx;
					border-radius: 50%;
				}
			}
			.user-name {
				margin-left: 28rpx;
				display: flex;
				flex-direction: column;
				.name {
					font-size: 34rpx;
					font-weight: bold;
				}
				.tel {
					margin-top: 24rpx;
					font-size: 28rpx;
					color: #999999;
				}
			}
		}
		.order-status {
			margin-top: 50rpx;
			padding: 0 10rpx;
			display: flex;
			justify-content: space-between;
			.all-order {
				display: flex;
				flex-direction: column;
				align-items: center;
				.order-num {
					font-size: 38rpx;
					color: #333;
				}
				.order-title {
					margin-top: 8rpx;
					font-size: 28rpx;
					color: #666;
				}
			}
		}
	}
	.menu-list {
		margin-top: 20rpx;
		.cu-item {
			.content {
				height: 112rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.content-left {
					.img {
						width: 36rpx;
						height: 36rpx;
					}
					.item-title {
						margin-left: 10rpx;
						font-size: 32rpx;
					}
				}
				.content-right {
					
				}
			}
		}
	}
	.other-applet {
		margin-top: 20rpx;
		background-color: #ffffff;
		padding: 60rpx 30rpx 100rpx 30rpx;
		display: flex;
		justify-content: space-between;
		.applet {
			display: flex;
			flex-direction: column;
			align-items: center;
			.applet-img {
				width: 82rpx;
				height: 82rpx;
			}
			.applet-text {
				margin-top: 14rpx;
				font-size: #666;
				font-size: 28rpx;
			}
		}
	}
}